const registerButt=document.querySelector('#btn-register').addEventListener('click',async function(e){
    // 阻止默认事件
    e.preventDefault()
    // 1.0监听点击事件
    //1.0点击事件时候调用函数registerbut
    // registerbut('注册成功')
    // 1.1收集表单数据
    // 1.1校验表单数据/非空校验/长度校验
    // 1.1发送请求：请求三要素
    const form = document.querySelector('form')
    
    const {username,password}=serialize(form, {hash: true,empty: true})
    // 非空校验
    if(username.trim().length===0 || password.trim().length===0){
        return registerbut('账号密码不能为空')}
    // 长度校验
    if(username.trim().length<8 || username.trim().length>30|| password.trim().lengt<6 || password.trim().lengt>30){
        return registerbut('账号密码长度不能小于6切长度不能超过30')
    }

    try{
        const res= await axios.post('/register',{username,password})
        // 调用函数
        // console.log(res);
        registerbut(res.data.message)
        setTimeout(()=>{location.href='./login.html'},1000)
    }catch(err){
        
        // console.log(err);
        registerbut(err.response.data.message)
       
        
    }
})